/* ==============================
   HEADER
============================== */
.sh-header-main {
    background-color: #000;
    color: #000;
    box-shadow: 0px 1px 0px rgb(238, 238, 238);
}

.sh-header-location-icon {
    fill: #000 !important;
}

.sh-header-account-icon {
    stroke: #fff !important;
}

.sh-header-cart-icon {
    stroke: #fff !important;
    fill: none !important;
}

/* ==============================
   PRODUCT BUTTONS
============================== */
.sh-product-plus-minus-button {
    background-color: #74084D;
    border: 1px solid #E2DED0;
    border-radius: 2px;
    color: #fff;
    fill: #74084D;
}

.sh-product-plus-minus-button:hover {
    background-color: #74084D;
}

.sh-product-plus-minus-button-div {
    color: #fff;
}

/* ==============================
   PAGE CONTAINERS
============================== */
#container-page-home,
#container-page,
#sh-product-page,
.sh-product-page {
    background-color: #000;
    max-width: none;
}

/* ==============================
   CATEGORIES
============================== */
.sh-categories-container {
    background-color: #fff5cc !important;
}

.sh-categories-container > div > h2,
.sh-row-title-divider,
.section-heading > div > h2,
#categories > div > h2,
#categories .sh-section-heading {
    display: none !important;
}

.sh-categories-container > div {
    margin-bottom: 0;
}

.cat-card-title {
    color: #fff;
}

/* ==============================
   PRODUCT CARDS
============================== */
.sh-product-card {
    border: 0.0425rem solid #ECECEC;
    box-shadow: 0 0.15rem 0.15rem 0 #ececec;
}

.sh-product-card-discount-tag,
.sh-product-discount-tag {
    background-color: #5e6ffa;
    color: #fff;
    font-weight: 900;
    border-radius: 20px 0 20px 0;
    left: 0;
    top: 0;
    right: auto;
}

.sh-product-discount-tag {
    font-weight: 400;
    border-radius: 4px;
}

/* ==============================
   FOOTER
============================== */
.sh-footer-main {
    background-color: #545454;
    color: #fff;
}

.product-footer-root {
    background-color: #000;
}

/* ==============================
   BANNERS
============================== */
@media (max-width: 1060px) {
    .sh-mini-banner-collection-card {
        padding: 6px 4px;
    }
}

.sh-mini-banner-collection-card > a > div > div > div > p,
.sh-mini-banner-collection-card > a > div > div > div > svg,
.sh-banner-collection-card > a > div > div > p,
.sh-banner-collection-card > a > div > div > p > svg {
    display: none;
}

/* ==============================
   PRODUCT DETAILS
============================== */
#container-page-products .product-component-name {
    color: #fff !important; /* FORCE WHITE */
    --primary-contrast-text: #fff !important;
}

#container-page-products .product-pricing-price {
    color: #fff !important;
}

/* Keep other product component texts black */
#container-page-products .product-component-sku-container,
#container-page-products .product-component-qty-msgs,
#container-page-products .product-review-heading,
#container-page-products .related-products-heading,
#container-page-products body .MuiTypography-root,
#container-page-products .universal-btn-style,
#container-page-products .MuiInputBase-input,
#container-page-products > div > p,
#container-page-products > div > p > a,
#container-page-products #sh-category-products-head > div > p,
#container-page-products #sh-category-products-head-sortby > div > p,
#container-page-products .row-heading {
    color: #000 !important;
}

/* ==============================
   FORCE BLACK TEXT FOR SPECIFIC ELEMENTS
============================== */
#container-page-products #sh-category-products-head-sortby > span,
div.coupon-card-card p.coupon-card-heading,
div.coupon-card-card p.coupon-card-description,
div.coupon-card-card p.coupon-card-action-btn {
    color: #000 !important;
}

/* ==============================
   BUTTON FIXES
============================== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.outlined-button__btn.sh-outlined-button,
.outlined-button__btn,
.outlined-button__btn:hover,
.delivery-estimate-applybtn {
    color: #fff !important;
    border: 1px solid #000;
    background: transparent;
}

/* ==============================
   PRODUCT REVIEWS
============================== */
.sh-pc-rev-ctn {
    background: #000 !important;
    color: #fff !important;
    padding: 20px 16px;
}

.sh-pc-rev-ctn * {
    color: #fff !important;
}

.product-review-summary-container,
.product-review-reviews-container {
    color: #000;
}

.product-review-summary-container h2,
.product-review-summary-container h3,
.product-review-summary-container .review-title {
    color: #000 !important;
}

/* ==============================
   OTHER SECTIONS
============================== */
.theme-product-about,
.HtmlRenderer-component,
.ProductInfiniteScroll-component,
.grid.grid-cols-12.section {
    background-color: #000 !important;
}

/* ==============================
   SHOOPY PAGES
============================== */
.sh-shoopy-blog-page .border-inherit,
.sh-shoopy-html-page .border-inherit,
.border-inherit {
    border: none !important;
}

.ref-widg.sh-referral-widget {
    display: none !important;
}

.sh-shoopy-html-page > div {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    border: none;
}

.sh-shoopy-html-page .text-zinc-900 {
    display: none;
}

/* ==============================
   PRODUCT DESCRIPTION
============================== */
.sh-pc-desc-ctn,
.sh-pc-desc-ctn *,
product-component-description,
product-component-description * {
    --primary-contrast-text: #fff !important;
    color: #fff !important;
}

product-component-description {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    letter-spacing: .02em;
    font-weight: 400;
    line-height: 1.6;
}

product-component-description a {
    color: #fff !important;
    text-decoration: underline;
}

product-component-description a:hover {
    opacity: .85;
}

/* ==============================
   INPUT FIXES
============================== */
input.MuiInputBase-input.MuiInputBase-inputAdornedEnd.mui-mnn31 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

input.MuiInputBase-input.MuiInputBase-inputAdornedEnd.mui-mnn31::placeholder {
    color: #fff !important;
    opacity: 1;
}

/* ==============================
   CART PAGE FIXES
============================== */
.sh-cart-details-page-desk .MuiTypography-root,
.sh-cart-details-page-desk h1,
.sh-cart-details-page-desk span,
.sh-cart-review-desk .MuiTypography-root,
.sh-cart-review-desk .custom-card,
.sh-cart-review-desk .MuiBox-root {
    color: #000 !important;
}

/* ==============================
   RELATED PRODUCTS
============================== */
.related-product-header {
    background-color: #000 !important;
}

.related-products-heading {
    color: #fff !important;
}

/* ==============================
   FORCE ProductInfiniteScroll H2 TO BLACK
============================== */
.ProductInfiniteScroll-component > div > div > h2,
#container-page .ProductInfiniteScroll-component > div > div > h2,
.sh-product-page .ProductInfiniteScroll-component > div > div > h2,
.ProductInfiniteScroll-component.ProductInfiniteScroll-component > div > div > h2,
.ProductInfiniteScroll-component .MuiTypography-root > h2,
.ProductInfiniteScroll-component .MuiTypography-root.MuiTypography-root {
    color: #000 !important;
    --primary-contrast-text: #000 !important;
}

/* ==============================
   FORCE product-component-name H1 TO WHITE
============================== */
h1.product-component-name {
    color: #fff !important;
    --primary-contrast-text: #fff !important;
}
/* FORCE ONLY THIS SPECIFIC PRICE TO WHITE */
p.MuiTypography-root.MuiTypography-body2.product-pricing-primary.mui-15nru74,
p.MuiTypography-root.MuiTypography-body2.product-pricing-primary.mui-15nru74 span {
    color: #fff !important;
}
/* FORCE ONLY THIS SECONDARY PRICE TO WHITE */
p.MuiTypography-root.MuiTypography-body2.product-pricing-secondary.mui-u30lmt,
p.MuiTypography-root.MuiTypography-body2.product-pricing-secondary.mui-u30lmt span {
    color: #fff !important;
}
/* FORCE product-component-qty-msgs TO WHITE */
.MuiGrid-root.MuiGrid-container.product-component-qty-msgs.mui-1d3bbye,
.MuiGrid-root.MuiGrid-container.product-component-qty-msgs.mui-1d3bbye * {
    color: #fff !important;
}
/* FORCE variant-selector-values TO WHITE */
.variant-selector-values,
.variant-selector-values * {
    color: #fff !important;
}
/* FORCE ONLY THIS BUTTON TEXT TO WHITE */
button.mui-1cy74wo {
    color: #fff !important; /* sets text color */
}

button.mui-1cy74wo .MuiButton-icon {
    color: inherit; /* keeps the icons their default color */
}